<!DOCTYPE html>
<html lang="en">
    <head>
        <?php echo Yaf_View_Simple::render('header.phtml'); ?>
    </head>
    <body>
        <?php echo Yaf_View_Simple::render('nav.phtml'); ?>
        <div class="space30"></div>
        <div class="container">
            <div class="box clearfix">
                <div class="title clearfix">
                    <div class="col-md-4 left-area">
                        <h3>阅读 | 琐事</h3>
                        <p>生活不外呼吃喝拉，理想才是活着的理由</p>
                    </div>
                    <div class="col-md-8 right-area">
                        <div class="meta">
<?php
//foreach($content as $value)
while($value = $category->fetch_object())
{
    echo '<a href="#" type="button" class="btn btn-primary">'.$value->title.'</a>';
}
?>
                        </div>
                    </div>
                </div>
                <div class="col-md-12 blog">
                    <div class="col-sm-4">
                        <ul class="list-group">
<?php
    //foreach($content as $value)
    while($value = $content->fetch_object())
    {
        echo '<li class="list-default "><a href="#">'.$value->title.'</a></li>';
    }
?>
                        </ul>
                    </div>
                    <div class="col-sm-4">
                        <ul class="list-group">
                            <li class="list-default text-left">Cras justo odio</li>
                            <li class="list-default text-left">Dapibus ac facilisis in</li>
                            <li class="list-default text-left">Morbi leo risus</li>
                            <li class="list-default text-left">Porta ac consectetur ac</li>
                            <li class="list-default text-left">Vestibulum at eros</li>
                            <li class="list-default text-left">Vestibulum at eros</li>
                            <li class="list-default text-left">Vestibulum at eros</li>
                            <li class="list-default text-left">Vestibulum at eros</li>
                            <li class="list-default text-left">Vestibulum at eros</li>
                            <li class="list-default text-left">Vestibulum at eros</li>
                            <li class="list-default text-left">Vestibulum at eros</li>
                        </ul>
                    </div>
                    <div class="col-sm-4">
                        <ul class="list-group">
                            <li class="list-default text-left">Cras justo odio</li>
                            <li class="list-default text-left">Dapibus ac facilisis in</li>
                            <li class="list-default text-left">Morbi leo risus</li>
                            <li class="list-default text-left">Porta ac consectetur ac</li>
                            <li class="list-default text-left">Vestibulum at eros</li>
                            <li class="list-default text-left">Vestibulum at eros</li>
                            <li class="list-default text-left">Vestibulum at eros</li>
                            <li class="list-default text-left">Vestibulum at eros</li>
                            <li class="list-default text-left">Vestibulum at eros</li>
                            <li class="list-default text-left">Vestibulum at eros</li>
                            <li class="list-default text-left">Vestibulum at eros</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="space30"></div>
        <div class="container">
            <div class="box clearfix">
                <div class="title clearfix">
                    <div class="col-md-4 left-area">
                        <h3>摄影 | 随拍</h3>
                        <p>记忆中，除了文字，就剩下色彩了，请珍惜</p>
                    </div>
                    <div class="col-md-8 right-area">
                        <div class="meta">
                            <a href="#" type="button" class="btn btn-sm btn-primary">Primary</a>
                        </div>
                    </div>
                </div>
                <div class="picture clearfix">
                    <div class="col-md-4">
                        <div class="thumbnail">
                            <img src="images/fulls/01.jpg">
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="thumbnail">
                            <img src="images/fulls/02.jpg">
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="thumbnail">
                            <img src="images/fulls/03.jpg">
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="thumbnail">
                            <img src="images/fulls/02.jpg">
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="thumbnail">
                            <img src="images/fulls/01.jpg">
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="thumbnail">
                            <img src="images/fulls/02.jpg">
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="thumbnail">
                            <img src="images/fulls/03.jpg">
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="thumbnail">
                            <img src="images/fulls/02.jpg">
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="thumbnail">
                            <img src="images/fulls/01.jpg">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="space30"></div>
        <div class="container">
            <div class="box clearfix">
                <div class="title clearfix">
                    <div class="col-md-4 left-area">
                        <h3><span class="icon-basket"></span>店铺 | 购物</h3>
                        <p>城里人除了打工，就是老板</p>
                    </div>
                    <div class="col-md-8 right-area">
                        <div class="meta">
                            <a href="#" type="button" class="btn btn-sm btn-primary">Primary</a>
                            <a href="#" type="button" class="btn btn-sm btn-primary">Primary</a>
                            <a href="#" type="button" class="btn btn-sm btn-primary">Primary</a>
                            <a href="#" type="button" class="btn btn-sm btn-primary">Primary</a>
                            <a href="#" type="button" class="btn btn-sm btn-primary">Primary</a>
                            <a href="#" type="button" class="btn btn-sm btn-primary">Primary</a>
                            <a href="#" type="button" class="btn btn-sm btn-primary">Primary</a>
                        </div>
                    </div>
                </div>
                <div class="shop clearfix">
                    <div class="col-md-4 shop-wraper">
                        <div class="sh-info">
                            <div class="hb-thumb">
                                <img src="images/shop/1.jpg" class="img-responsive" alt="">
                            </div>
                            <h4><a href="shop-single.html">Climb the mountain</a></h4>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque volutpat mi tellus, euismod viverra dolor ultrices sit amet.</p>
                            <label class="label label-default">$20.00</label>
                            <a href="shop-single.html" class="readmore">详细参数</a>
                        </div>
                    </div>
                    <div class="col-md-4 shop-wraper">
                        <div class="sh-info">
                            <div class="hb-thumb">
                                <img src="images/shop/2.jpg" class="img-responsive" alt="">
                            </div>
                            <h4><a href="shop-single.html">Girl showing stats</a></h4>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque volutpat mi tellus, euismod viverra dolor ultrices sit amet.</p>
                            <a href="shop-single.html" class="btn btn-default readmore">详细参数</a>
                        </div>
                    </div>
                    <div class="col-md-4 shop-wraper">
                        <div class="sh-info">
                            <div class="hb-thumb">
                                <img src="images/shop/3.jpg" class="img-responsive" alt="">
                            </div>
                            <h4><a href="shop-single.html">A photographers heart</a></h4>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque volutpat mi tellus, euismod viverra dolor ultrices sit amet.</p>
                            <a href="shop-single.html" class="btn btn-default readmore">详细参数</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="space30"></div>
        <section class="container">
            <div class="blurb clearfix">
                <div class="col-md-8 about">
                    <div class="clearfix">
                        <h3 class="title">
                            <span class="icon-profile-male"></span> About
                        </h3>
                        <div class="col-md-6">
                            <div class="row thumbnail">
                            <img src="images/11.png" />
                            </div>
                        </div>
                        <div class="col-md-6">
                        <p>一个没有什么趣味的人</p>
                        <a href="#" class="btn btn-default">点击了解</a>
                        </div>
                    </div>
                    <div class="clearfix links">
                        <p>
                        <span class="icon-envelope"></span> ： 626399250@qq.com
                        </p>
                    </div>
                </div>
                <div class="col-md-4 menu">
                    <div class="search">
                        <form class="fieldset">
                            <div class="input-group">
                                <input class="form-control" placeholder="Search for..." type="text">
                                <span class="input-group-btn">
                                    <button class="btn btn-primary" type="button"><span class="icon-search2"></span></button>
                                </span>
                            </div>
                        </form>
                    </div>

                    <div class="list-group">
                        <li href="#" class="list-group-item">
                            <h4 class="list-group-item-heading"><a href="#">阅读 | 琐记</a></h4>
                            <p class="list-group-item-text">人老了，记忆不好，笔头让我能回忆昨天的一切！</p>
                        </li>
                        <li href="#" class="list-group-item">
                            <h4 class="list-group-item-heading">List group item heading</h4>
                            <p class="list-group-item-text">Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.</p>
                        </li>
                        <li href="#" class="list-group-item">
                            <h4 class="list-group-item-heading">List group item heading</h4>
                            <p class="list-group-item-text">Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.</p>
                        </li>
                    </div>
                </div>
            </div>
        </section>
        <section class="footer">
            <div class="container">
            <div class="footer-wraper clearfix">
                <p>Copyright  ©2014 <a href="#">example.com</a> Auther Aninet Pang</p>
            </div>
            </div>
        </section>
        <?php echo Yaf_View_Simple::render('footer.phtml'); ?>
    </body>
</html>
